import streamlit as st


def render_app_info():
    st.title("PubMed 筛查器")
    st.markdown("""
        PubMed 筛查器是一个由 ChatGPT 和 PubMed 提供支持的生物医学摘要洞察生成器。
    """)

    # 添加自定义HTML和CSS以改善悬停工具提示的显示效果
    st.markdown("""
        <style>
        .tooltip {
            position: relative;
            display: inline-block;
            border-bottom: 1px dotted black; /* 设置可悬浮文本的样式 */
        }

        .tooltip .tooltiptext {
            visibility: hidden;
            width: 800px; /* 设置内容的宽度 */
            background-color: #f9f9f9;
            color: #000;
            text-align: left;
            border-radius: 6px;
            padding: 15px;
            position: absolute;  /* 改为绝对定位 */
            z-index: 1;
            top: -100%;  /* 设置tooltip内容显示在文本的上方 */
            left: 0;     /* 靠左显示 */
            opacity: 0;
            transition: opacity 0.5s;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8); /* 增加阴影效果，提高可见性 */
        }

        .tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
        }
        </style>
        <div class="tooltip">🔍 示例问题
            <span class="tooltiptext">
                <strong>示例生物医学问题：</strong>
                <ul>
                    <li>如何利用先进的影像技术和生物标志物进行神经退行性疾病的早期诊断和进展监测？</li>
                    <li>干细胞技术和再生医学在神经退行性疾病治疗中的潜在应用有哪些？有哪些挑战？</li>
                    <li>肠道微生物群和肠-脑轴在1型和2型糖尿病发病机制中的作用是什么？如何调节这些相互作用以获得治疗效果？</li>
                    <li>靶向癌症治疗中的耐药机制是什么？如何克服这些耐药机制？</li>
                </ul>
            </span>
        </div>
        """, unsafe_allow_html=True)
    
    st.text("")  # 添加空白行，保持界面整洁
